<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>蛋糕_生日蛋糕网上订购_生日蛋糕预订_21客/二十一客蛋糕官网</title>
    <link rel="stylesheet" href="css/style2.css" class="">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light" id="sl">
    <div class="container">
        <a class="navbar-brand" href="index.html" id="s">
            <img src="img/logo.png"  alt="" id="a">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="index.html" id="h1">首页</a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="gallery.html" id="h2" style="color:#BB9772">蛋糕</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="bread.html" id="h3">面包</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="ice.html" id="h4">冰淇淋</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#" id="h5">咖啡下午茶</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#" id="h6">咖啡全国送</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#" id="h7">企业专区</a>
                </li>
            </ul>
            <div class="right-city-user">
                <a href="" class="header-app app-download"  id="u">APP下载</a>
                <dl class="app-list  header-select" id="app-list">
                    <dt>
                        <img src="img/erweimaheader.png" alt="下载APP" class="">
                    </dt>
                    <dd>下载享更多优惠</dd>
                </dl>
                <div class="current-city" id="current-city1" onmouseover="">
                    北京
                    <img src="img/bejingjian_03.png" alt="" class="">
                    <div>
                        <ul class="current-city-list  header-select" id="current-city" onmouseover="">
                            <li><a href="" class="city-id-1" >上海</a></li>
                            <li><a href=""  class="city-id-2">北京</a></li>
                            <li><a href=""  class="city-id-3" >天津</a></li>
                            <li><a href=""  class="city-id-4" >杭州</a></li>
                            <li><a href=""  class="city-id-5" >无锡</a></li>
                            <li><a href=""  class="city-id-6" >苏州</a></li>
                            <li><a href=""  class="city-id-7" >广州</a></li>
                            <li><a href=""  class="city-id-8" >深圳</a></li>
                        </ul>
                    </div>
                </div>

                <a href="" class="header-message" id="u1" onmouseover="">
                    消息
                </a>
                <ul class="message-list-header  header-select" id="messageList" onmouseover="">
                    <li><a href="" class="">通知</a> </li>
                    <li><a href="" class="">物流</a></li>
                </ul>
            <span class="not-login">
                <a href="" class="">登录</a>/

                <a href="" class="">注册</a>
            </span>
                <a href="" class="header-cart">
                    <img src="img/gouwuche_03.png" alt="" class="">
                </a>
            </div>
        </div>
    </div>
</nav>

<div class="container">
    <div class="row">
        <div class="col-md-12" id="sp">
            <dl class="cat-list">
              <dt>分类：</dt>
                <dd>
                    <a href="" class="">全部分类</a>
                </dd>
                <dd class="active">
                    <a href="gallery.html" class="">蛋糕</a>
                </dd>
                <dd>
                    <a href="ice.html" class="">冰淇淋</a>
                </dd>
                <dd>
                    <a href="" class="">咖啡下午茶</a>
                </dd>
                <dd>
                    <a href="" class="">常温蛋糕</a>
                </dd>
                <dd>
                    <a href="" class="">设计师礼品</a>
                </dd>
                <dd>
                    <a href="bread.html" class="">面包</a>
                </dd>
            </dl>
            <dl class="tag-list">
                <dt>口味：</dt>
                <dd class="active">
                    <a href="" class="">全部口味</a>
                </dd>
                <dd>
                    <a href="" class="">乳脂奶油</a>
                </dd>
                <dd>
                    <a href="" class="">慕斯</a>
                </dd>
                <dd>
                    <a href="" class="">乳酪</a>
                </dd>
                <dd>
                    <a href="" class="">巧克力</a>
                </dd>
                <dd>
                    <a href="" class="">坚果</a>
                </dd>
                <dd>
                    <a href="" class="">水果</a>
                </dd>
                <dd>
                    <a href="" class="">含酒</a>
                </dd>
                <dd>
                    <a href="" class="">咖啡</a>
                </dd>
                <dd>
                    <a href="ice.html" class="">冰淇淋</a>
                </dd>
            </dl>
        </div>
    </div>
</div>

<!--中间内容-->
<main>
   <div class="container">
       <div class="row" id="o1">
           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/bailitianqingren.png" alt="" class="" style="display: inline;">
                       <h3>百利甜情人</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">情侣 ></a>
                       <a href="" class="">人气 ></a>
                       <a href="" class="">生日 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/renqi.png" alt="" class="">
                   </div>
               </div>
           </div>
           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/ertongmidao.jpg" alt="" class="" style="display: inline;">
                       <h3>米道</h3>
                       <span>¥298.00/1.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">儿童 ></a>
                       <a href="" class="">新品 ></a>
                       <a href="" class="">生日 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/xinpin.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/heibaiqiaokelimusidangao.png" alt="" class="" style="display: inline;">
                       <h3>黑白巧克力慕斯</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">聚会 ></a>
                       <a href="" class="">生日 ></a>
                       <a href="" class="">人气 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/renqi.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/heishenlin.png" alt="" class="" style="display: inline;">
                       <h3>黑森林</h3>
                       <span>¥398.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">儿童 ></a>
                       <a href="" class="">新品 ></a>
                       <a href="" class="">生日 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/shiling.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/qiancao.png" alt="" class="" style="display: inline;">
                       <h3>浅草</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">新品 ></a>
                       <a href="" class="">人气 ></a>
                       <a href="" class="">生日 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/xinpin.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16" >
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/heiyueju.jpg" alt="" class="" style="display: inline;">
                       <h3>黑越橘</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">人气 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/shiling.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/langmuzhishi.png" alt="" class="" style="display: inline;">
                       <h3>朗姆芝士</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">情侣 ></a>
                       <a href="" class="">生日 ></a>
                       <a href="" class="">情人节 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/renqi.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/heibaiqiaokelibierdeqinqin.jpg" alt="" class="" style="display: inline;">
                       <h3>黑白巧克力慕斯 彼尔德（亲亲）</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">设计师款 ></a>
                       <a href="" class="">新品 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/xinpin.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16" >
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/heibaiqiaokelimusi(HBC).jpg" alt="" class="" style="display: inline;">
                       <h3>黑白巧克力慕斯彼尔德（ＨＢＤ）</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">设计师款 ></a>
                       <a href="" class="">新品 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/xinpin.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16" >
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/kekedao.png" alt="" class="" style="display: inline;">
                       <h3>可可岛</h3>
                       <span>¥458.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">聚会 ></a>
                       <a href="" class="">新品 ></a>
                       <a href="" class="">父亲节 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/xinpin.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/mangguonainiudangao.png" alt="" class="" style="display: inline;">
                       <h3>芒果奶油蛋糕</h3>
                       <span>¥198.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">情侣 ></a>
                       <a href="" class="">儿童 ></a>
                       <a href="" class="">聚会 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/youhuankuan.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/lizhibingqilin.jpg" alt="" class="" style="display: inline;">
                       <h3>桂圆冰淇淋蛋糕</h3>
                       <span>¥198.00/1.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">低温 ></a>
                       <a href="" class="">人气 ></a>
                       <a href="" class="">清凉推荐 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/qingjing.jpg" alt="" class="" style="display: inline;">
                       <h3>清境</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">新品 ></a>
                       <a href="" class="">聚会 ></a>
                       <a href="" class="">相识 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/xinpin.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/baixiangguomusi.jpg" alt="" class="" style="display: inline;">
                       <h3>百香果酸乳酪慕斯蛋糕</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">情侣 ></a>
                       <a href="" class="">低温 ></a>
                       <a href="" class="">儿童 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/liulianpiaopiao.png" alt="" class="" style="display: inline;">
                       <h3>榴莲飘飘</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">人气 ></a>
                       <a href="" class="">生日 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/renqi.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/xiaochongzumidiexiangtaozu.jpg" alt="" class="" style="display: inline;">
                       <h3>小重组（迷迭香套组）</h3>
                       <span>¥298.00/160g</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">情侣 ></a>
                       <a href="" class="">新品 ></a>
                       <a href="" class="">聚会 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/xinlironganxiang.jpg" alt="" class="" style="display: inline;">
                       <h3>（新）栗蓉暗香</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">儿童 ></a>
                       <a href="" class="">聚会 ></a>
                       <a href="" class="">长辈 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/songrendannai(mutangchun).jpg" alt="" class="" style="display: inline;">
                       <h3>松仁淡奶</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">长辈 ></a>
                       <a href="" class="">人气 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/dongfanglirong.jpg" alt="" class="" style="display: inline;">
                       <h3>东方栗融</h3>
                       <span>¥490.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">长辈 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/dongmusiyujuzhishi.png" alt="" class="" style="display: inline;">
                       <h3>冻慕斯与焗芝士</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">情侣 ></a>
                       <a href="" class="">低温 ></a>
                       <a href="" class="">生日 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/bulaike.jpg" alt="" class="" style="display: inline;">
                       <h3>布莱克</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">一人份 ></a>
                       <a href="" class="">人气 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/renqi.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/bulangni.jpg" alt="" class="" style="display: inline;">
                       <h3>布朗尼</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">情侣 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/hetaosinuo.jpg" alt="" class="" style="display: inline;">
                       <h3>核桃斯诺</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">长辈 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/zao.png" alt="" class="" style="display: inline;">
                       <h3>枣儿</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">新品 ></a>
                       <a href="" class="">生日 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/xinpin.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/mangguomusi.jpg" alt="" class="" style="display: inline;">
                       <h3>芒果慕斯</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">儿童 ></a>
                       <a href="" class="">聚会 ></a>
                       <a href="" class="">新品 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/xinpin.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/moka.jpg" alt="" class="" style="display: inline;">
                       <h3>摩卡</h3>
                       <span>¥398.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">一人份 ></a>
                       <a href="" class="">新品 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/xinka.jpg" alt="" class="" style="display: inline;">
                       <h3>新卡</h3>
                       <span>¥398.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">一人份 ></a>
                       <a href="" class="">新品 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/bideer(paty)heibaiqiaokelimusi.jpg" alt="" class="" style="display: inline;">
                       <h3>彼尔德（Party）黑白巧克力慕斯</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">儿童 ></a>
                       <a href="" class="">新品 ></a>
                       <a href="" class="">相识 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/jierui.jpg" alt="" class="" style="display: inline;">
                       <h3>杰瑞</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">儿童 ></a>
                       <a href="" class="">聚会 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/renqi.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/heishenlin.png" alt="" class="" style="display: inline;">
                       <h3>黑森林(无酒款)</h3>
                       <span>¥398.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">新品 ></a>
                       <a href="" class="">儿童 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/baixiangguomusi.jpg" alt="" class="" style="display: inline;">
                       <h3>百香果酸乳酪慕斯（木糖醇）</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">情侣 ></a>
                       <a href="" class="">低温 ></a>
                       <a href="" class="">新品 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/xinpin.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/baixiangguomusi.jpg" alt="" class="" style="display: inline;">
                       <h3>百香果酸乳酪慕斯蛋糕</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">情侣 ></a>
                       <a href="" class="">低温 ></a>
                       <a href="" class="">儿童 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/xinaier.jpg" alt="" class="" style="display: inline;">
                       <h3>深艾尔</h3>
                       <span>¥268.00/1.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">情侣 ></a>
                       <a href="" class="">低温 ></a>
                       <a href="" class="">新品 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
                   <div class="label">
                       <img src="img/xinpin.png" alt="" class="">
                   </div>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/jinxiangxiaoqiekuan3+1.jpg" alt="" class="" style="display: inline;">
                       <h3>尽享小切块3+1组合</h3>
                       <span>¥108.00/3+1组合</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">聚会 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/bideshengriheibaiqiaokwlimusidongman.jpg" alt="" class="" style="display: inline;">
                       <h3>彼尔德（生日）黑白巧克力慕斯</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">新品 ></a>
                       <a href="" class="">生日 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/shenaibailitianqingren.jpg" alt="" class="" style="display: inline;">
                       <h3>深爱百利甜情人蛋糕</h3>
                       <span>¥398.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">情侣 ></a>
                       <a href="" class="">人气 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/6zhongkouweiqiekuai.jpg" alt="" class="" style="display: inline;">
                       <h3>6口味切块</h3>
                       <span>¥198.00/6个（6种口味）</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">聚会 ></a>
                       <a href="" class="">新品 ></a>
                       <a href="" class="">人气 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/safenshengri.jpg" alt="" class="" style="display: inline;">
                       <h3> （撒粉生日）黑白巧克力慕斯</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">生日 ></a>
                       <a href="" class="">聚会 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/xiangyabai.png" alt="" class="" style="display: inline;">
                       <h3>便携冰包-象牙白</h3>
                       <span>¥65.00/份</span>
                   </a>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/aierlankafei.jpg" alt="" class="" style="display: inline;">
                       <h3>爱尔兰咖啡</h3>
                       <span>¥268.00/1.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">情侣 ></a>
                       <a href="" class="">总有一款适合你 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/heifang.jpg" alt="" class="" style="display: inline;">
                       <h3>黑方</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">情侣 ></a>
                       <a href="" class="">总有一款适合你 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/xinmasikapeng.jpg" alt="" class="" style="display: inline;">
                       <h3>新马斯卡彭-咖啡软芝士蛋糕</h3>
                       <span>¥390.00/1.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">情侣 ></a>
                       <a href="" class="">低温 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/chongzu.jpg" alt="" class="" style="display: inline;">
                       <h3>重组</h3>
                       <span>¥968.00/1.5磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">设计师款 ></a>
                       <a href="" class="">聚会 ></a>
                       <a href="" class="">生日 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/mochaheli.jpg" alt="" class="" style="display: inline;">
                       <h3>抹茶和栗</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">聚会 ></a>
                       <a href="" class="">低温 ></a>
                       <a href="" class="">生日 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v1">
                   <a href="" class="goods-list">
                       <img src="img/xingerkeluzi.jpg" alt="" class="" style="display: inline;">
                       <h3>杏仁克鲁兹</h3>
                       <span>¥298.00/2.0磅</span>
                   </a>
                   <div class="label-entrance">
                       <a href="" class="">长辈 ></a>
                       <a href="" class="">生日 ></a>
                   </div>
                   <a href="" class="pro-list-addcart">
                       <img src="img/gouwuche_03.png" alt="" class="">
                       加入购物车
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v11">
                  <div class="pro-list-su">
                      <a href="" class="">
                          <img src="img/baiseiqingrenjieban.jpg" alt="" class="">
                          <h3>百利甜情人-白色版</h3>
                          <span>¥298.00/2.0磅</span>
                      </a>
                      <div class="label-entrance">
                          <a href="" class="">情侣 ></a>
                      </div>
                      <div class="label">
                          <img src="img/xinpin.png" alt="">
                      </div>
                  </div>
                   <a href="" class="pro-floridian">
                       <span>敬请期待</span>
                   </a>
                   <a href="" class="to-notify-btn">
                       <img src="img/huodaofukuan_03.png" alt="" class="">
                       到货通知
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v11">
                   <div class="pro-list-su">
                       <a href="" class="">
                           <img src="img/yecanlan.png" alt="" class="">
                           <h3>野餐篮</h3>
                           <span>¥298.00/份</span>
                       </a>
                       <div class="label">
                           <img src="img/xinpin.png" alt="">
                       </div>
                   </div>
                   <a href="" class="pro-floridian">
                       <span>敬请期待</span>
                   </a>
                   <a href="" class="to-notify-btn">
                       <img src="img/huodaofukuan_03.png" alt="" class="">
                       到货通知
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v11">
                   <div class="pro-list-su">
                       <a href="" class="">
                           <img src="img/pinganye.jpg" alt="" class="">
                           <h3>平安夜</h3>
                           <span>¥328.00/2.0磅</span>
                       </a>
                       <div class="label-entrance">
                           <a href="" class="">情侣 ></a>
                           <a href="" class="">聚会 ></a>
                       </div>
                       <div class="label">
                           <img src="img/xinpin.png" alt="">
                       </div>
                   </div>
                   <a href="" class="pro-floridian">
                       <span>敬请期待</span>
                   </a>
                   <a href="" class="to-notify-btn">
                       <img src="img/huodaofukuan_03.png" alt="" class="">
                       到货通知
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v11">
                   <div class="pro-list-su">
                       <a href="" class="">
                           <img src="img/caomeinaiyou.jpg" alt="" class="">
                           <h3>草莓奶油蛋糕</h3>
                           <span>¥228.00/2.0磅</span>
                       </a>
                       <div class="label-entrance">
                           <a href="" class="">情侣 ></a>
                           <a href="" class="">人气 ></a>
                           <a href="" class="">情人节 ></a>
                       </div>
                       <div class="label">
                           <img src="img/shiling.png" alt="">
                       </div>
                   </div>
                   <a href="" class="pro-floridian">
                       <span>敬请期待</span>
                   </a>
                   <a href="" class="to-notify-btn">
                       <img src="img/huodaofukuan_03.png" alt="" class="">
                       到货通知
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v11">
                   <div class="pro-list-su">
                       <a href="" class="">
                           <img src="img/zhongqiujiangou.jpg" alt="" class="">
                           <h3>中秋坚果芝士慕斯</h3>
                           <span>¥268.00/1.0磅</span>
                       </a>
                       <div class="label-entrance">
                           <a href="" class="">聚会 ></a>
                       </div>
                   </div>
                   <a href="" class="pro-floridian">
                       <span>敬请期待</span>
                   </a>
                   <a href="" class="to-notify-btn">
                       <img src="img/huodaofukuan_03.png" alt="" class="">
                       到货通知
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v11">
                   <div class="pro-list-su">
                       <a href="" class="">
                           <img src="img/hanzhuan.jpg" alt="" class="">
                           <h3>汉砖</h3>
                           <span>¥98.00/0.25磅</span>
                       </a>
                       <div class="label-entrance">
                           <a href="" class="">情侣 ></a>
                           <a href="" class="">设计师款 ></a>
                           <a href="" class="">低温 ></a>
                       </div>
                   </div>
                   <a href="" class="pro-floridian">
                       <span>敬请期待</span>
                   </a>
                   <a href="" class="to-notify-btn">
                       <img src="img/huodaofukuan_03.png" alt="" class="">
                       到货通知
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v11">
                   <div class="pro-list-su">
                       <a href="" class="">
                           <img src="img/fengzhaqi.jpg" alt="" class="">
                           <h3>风乍起</h3>
                           <span>¥398.00/1.0磅</span>
                       </a>
                       <div class="label-entrance">
                           <a href="" class="">设计师款 ></a>
                           <a href="" class="">低温 ></a>
                       </div>
                   </div>
                   <a href="" class="pro-floridian">
                       <span>敬请期待</span>
                   </a>
                   <a href="" class="to-notify-btn">
                       <img src="img/huodaofukuan_03.png" alt="" class="">
                       到货通知
                   </a>
               </div>
           </div>

           <div class="col-md-3 f16">
               <div class="v11">
                   <div class="pro-list-su">
                       <a href="" class="">
                           <img src="img/21knaiyoudangao.jpg" alt="" class="">
                           <h3>21cake生日奶油蛋糕</h3>
                           <span>¥498.00/0.5磅</span>
                       </a>
                       <div class="label-entrance">
                           <a href="" class="">情侣 ></a>
                       </div>
                   </div>
                   <a href="" class="pro-floridian">
                       <span>敬请期待</span>
                   </a>
                   <a href="" class="to-notify-btn">
                       <img src="img/huodaofukuan_03.png" alt="" class="">
                       到货通知
                   </a>
               </div>
           </div>
       </div>
   </div>

</main>


<footer style="margin-top: 105px">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <img src="img/footer-logo.png" alt="" class="" style="height: 36px;width: 96px;margin: auto;display: block">
            </div>
            <div class="col-md-12" id="nav">
                <a href="" class="">联系我们</a>
                <span>|</span>
                <a href="" class="">订购帮助</a>
                <span>|</span>
                <a href="" class="">企业合作</a>
                <span>|</span>
                <a href="" class="">生产经营资质</a>
                <span>|</span>
                <a href="" class="">公告专区</a>
            </div>
            <div class="col-md-12" id="ju" >
                <a href="" class="m">
                    <img src="img/footericon-01.png" alt="" class="">
                </a>
                <a href="" class="m" id="e" onmouseover="">
                    <img src="img/footericon-02.png" alt="" class="">
                </a>
                <dl class="app-list  header-select1" id="app-list1" onmouseover="">
                    <dt>
                        <img src="img/erweima.png" alt="下载APP" class="">
                    </dt>
                </dl>

                <a href="" class="m" id="e1" onmouseover="">
                    APP
                </a>
                <dl class="app-list  header-select2" id="app-list2" onmouseover="">
                    <dt>
                        <img src="img/footer-erweima.png" alt="下载APP" class="">
                    </dt>
                </dl>

            </div>
            <div class="col-md-12" id="sh">
                <span>订购专线：400 650 2121（服务时间 08:00–22:00），企业团购热线：021-37768396</span>
                <span>客服电话：021-23099721（全国），kefu@21cake.com（邮箱）</span>
                <span>杭州/广州：提前5小时预订；北京：提前6小时预订；上海：提前5.5-6小时预订；天津/苏州/无锡/深圳：提前8小时预订（部分偏远地区除外，当日22点以后订单，于次日8点开始审核） </span>
                <span>当日蛋糕配送截止下单时间：北京：16:50；上海：16:30；杭州/广州：13:50；天津：10:30；苏州/无锡/深圳：11:00</span>
                <span>网站注册公司名称: 北京廿一客食品有限公司 地址: 北京市北京经济技术开发区兴海二街5号院3号楼 </span>
            </div>

        </div>
    </div>
    <div class="col-md-12" id="bn">
              <span>
                  Copyright© 21Cake蛋糕官网商城 2007-2018, 版权所有
                <a href="" class="" style="color: #9a9a9a">京ICP备14006254号-1</a>
                </span>
    </div>
</footer>

<div id="nii">
    <img src="img/fanhuidingbu.png" alt="" class="">
</div>



</body>
<script src="js/script2.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</html>